<template>
  <el-card>
    <h1>全局事件总线</h1>
    <el-divider></el-divider>
    <div class="father_com">
      <Both1/>
      <Both2/>
    </div>
  </el-card>
</template>

<script>
import Both1 from './components/both1.vue'
import Both2 from './components/both2.vue'
export default {
  components: {
    Both1,
    Both2
  }
}
</script>

<style scoped lang="less">
h1{
  text-align: center;
}
.father_com{
  display: flex;
  justify-content: flex-start;
  background-color: gray;
}
</style>
